<template>
  <div class="main">
  <div class="mobile-company-wrapper">
            <!-- <div class="toper">
                <div class="logo">
                    <img src="../images/phoneGlobal/logo.png" alt="">
                     <span><img src="../images/phoneGlobal/gupiao.png" alt=""></span>
                </div>
                <div class="nav-list">
                    <span><a href="./index.html">首页</a></span><i></i><span class="active"><a href="">平台信息</a></span><i></i><span><a href="./culture.html">平台文化</a></span><i></i><span><a href="./system.html">平台产品</a></span>
                </div>
            </div> -->
            <div style="height:1.8rpx;"></div>
            <div class="company-content">
                <div class="dongtai">
                    <div class="checkall">
                        <span>公司信息</span>
               
                    </div>
                    <div class="news_ol_list">
                        <div class="news_item item_1 current" id="newslist">
                          <div class="companynews">
                            <p class="company-p p1">
                              升学在线旗下拥有以校内讲学、校外研学、平台测评手册参考 等形式构建的高中升学规划教育服务体系, 以招生管理系统、招生 队伍培训、策划包装印刷广告宣传为主体的高校招生服务体系，一 站式解决高校和学生就业、企业校招难题的高校就业管理服务体系.
                            </p>
                            <p class="company-p p2">
                              平台情系学子，连续5年面向高中学生,免费赠送《志愿填报手 册》和《升学辅导课》,总计3000万本开展公益升学讲座2万余场, 惠及全国数千万学生。
                            </p>
                            <p class="company-p p3">
                              升学在线是新三板挂牌上市企业、国家高新技术企业,凭借平台 宏大的战略布局和深厚的发展基础,升学在线正在成为全国升学就业 领域中的“平台型”企业.
                            </p>
                          </div>
                        </div>
                    </div>
                </div>
                <div class="fazhan">
                    <div class="checkall">
                        <span>发展历程</span>
                    </div>
                    <div class="year-content-box">
                        <div class="yearbox">
                            <div class="left">
                                <span><b>2019</b></span>
                            </div>
                            <div class="right">
                                <span><b>面对高中推出“开展升学教育上更好大学”服务体系：校内 讲学.校外研学.平台测评,手册参考。</b><b>面对高校推出“招生服务再升级，就业服务集大成”的全链
                                        服务体系。</b></span>
                            </div>
                        </div>
                        <div class="yearbox">
                            <div class="left">
                                <span><b>2018</b></span>
                            </div>
                            <div class="right">
                                <span><b>举办顶尖高中高校对接峰会，全国100余所985、211高校和400余所重点高中参会。</b><b>公司整体搬迁至市心5A写字楼整层环形办公区，“一山双
                                        湖”尽收眼底。</b><b>面向签约高中赠送《升学辅导课》教材200万册。</b></span>
                            </div>
                        </div>
                        <div class="yearbox">
                            <div class="left">
                                <span><b>2017</b></span>
                            </div>
                            <div class="right">
                                <span><b>“武汉升学在线科技股份有限公司”新三板上市。</b><b>成立“武汉升学在线国际旅游有限公司”，布局研学市场。</b></span>
                            </div>
                        </div>
                        <div class="yearbox">
                            <div class="left">
                                <span><b>2016</b></span>
                            </div>
                            <div class="right">
                                <span><b>大力拓展市场，业务全面覆盖全国20省份。</b></span>
                            </div>
                        </div>
                        <div class="yearbox">
                            <div class="left">
                                <span><b>2015</b></span>
                            </div>
                            <div class="right">
                                <span><b>推出《志愿填报手册》，一举成为高中生最喜爱的志愿填报参考书。</b></span>
                            </div>
                        </div>
                        <div class="yearbox">
                            <div class="left">
                                <span><b>2014</b></span>
                            </div>
                            <div class="right">
                                <span><b>正式创办“武汉升学在线科技股份有限公司”</b></span>
                            </div>
                        </div>
                        <div class="yearbox">
                            <div class="left">
                                <span><b>2013</b></span>
                            </div>
                            <div class="right">
                                <span><b>全国首创高中终端咨询模式。</b></span>
                            </div>
                        </div>
                        <div class="yearbox">
                            <div class="left">
                                <span><b>2012</b></span>
                            </div>
                            <div class="right">
                                <span><b>编辑出版国内第一本升学工具书《升学宝典》,第一次印刷即售罄。</b></span>
                            </div>
                        </div>
                        <div class="yearbox">
                            <div class="left">
                                <span><b>2008</b></span>
                            </div>
                            <div class="right">
                                <span><b>与腾讯、新浪及多省教育厅网站合作，共建全国招生统一咨询平台。</b></span>
                            </div>
                        </div>
                        <div class="yearbox lastbox">
                            <div class="left">
                                <span><b>2004</b></span>
                            </div>
                            <div class="right">
                                <span><b>与十余省教育厅网站合作，首创网上招生宣传先河。</b></span>
                            </div>
                        </div>
                        <div class="xian"></div>
                    </div>
                </div>
                <div class="team-content">
                    <div class="checkall">
                        <span>管理团队</span>
                    </div>
                   <div> <img class="leaderimg" src="https://static.shengxue985.com/sxzx_web/images/leader.png" alt="" /></div>
                    <div class="company_title">
                        <div class="subtitle"><span>创始人</span><i></i><b></b></div>
                        <div class="lead-first-wrapper">
                            <div class="lead-box">
                                <i class="bg-a1 leadimg"></i>
                                <span>
                                    <b>邵隆</b>
                                    <em>创始人/CEO</em>
                                </span>
                            </div>
                        </div>
                        <div class="subtitle"><span>平台管理团队</span><i></i><b></b></div>
                        <div class="leads-list">
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a2 leadimg"></i>
                                    <span> <b>管业伟</b>
                                        <em>联合创始人/副总裁</em> 
                                    </span>
                                </div>
                            </div>
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a3 leadimg"></i>
                                    <span> <b>丁亚伟</b>
                                        <em>副总经理</em> 
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="leads-list">
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a4 leadimg"></i>
                                    <span> <b>张微</b>
                                        <em>副总经理</em> </span>
                                </div>
                            </div>
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a5 leadimg"></i>
                                    <span> <b>程亚</b>
                                        <em>总编/研究院院长</em> 
                                    </span>
                                </div>
                            </div>
                        </div>

                        <div class="subtitle"><span>市场管理团队</span><i></i><b></b></div>
                        <div class="leads-list">
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a6 leadimg"></i>
                                    <span> <b>刘洋</b>
                                        <em>大区总监</em> 
                                    </span>
                                </div>
                            </div>
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a7 leadimg"></i>
                                    <span> <b>钱坤</b>
                                        <em>大区总监</em> </span>
                                </div>
                            </div>
                        </div>
                        <div class="leads-list">
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a8 leadimg"></i>
                                    <span> <b>余乾</b>
                                        <em>大区总监</em> 
                                    </span>
                                </div>
                            </div>
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a9 leadimg"></i>
                                    <span> <b>王鹏</b>
                                        <em>大区总监</em> </span>
                                </div>
                            </div>
                        </div>
                        <div class="leads-list">
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a10 leadimg"></i>
                                    <span> <b>刘波</b>
                                        <em>大区总监</em> </span>
                                </div>
                            </div>
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a11 leadimg"></i>
                                    <span> <b>芮爽</b>
                                        <em>大区总监</em> </span>
                                </div>
                            </div>
                        </div>
                        <div class="leads-list">
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a12 leadimg"></i>
                                    <span> <b>熊锐</b>
                                        <em>大区总监</em> </span>
                                </div>
                            </div>
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a13 leadimg"></i>
                                    <span> <b>张青芳</b>
                                        <em>大区总监</em> </span>
                                </div>
                            </div>
                        </div>
                        <div class="leads-list">
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a14 leadimg"></i>
                                    <span> <b>祁强胜</b>
                                        <em>大区总监</em> </span>
                                </div>
                            </div>
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a15 leadimg"></i>
                                    <span> <b>张玉</b>
                                        <em>大区总监</em> </span>
                                </div>
                            </div>
                        </div>
                        <div class="leads-list">
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a16 leadimg"></i>
                                    <span> <b>李庆</b>
                                        <em>大区总监</em> </span>
                                </div>
                            </div>
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a17 leadimg"></i>
                                    <span> <b>魏巍</b>
                                        <em>大区总监</em> </span>
                                </div>
                            </div>
                        </div>

                        <div class="subtitle"><span>产品管理团队</span><i></i><b></b></div>
                        <div class="leads-list">
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a18 leadimg"></i>
                                    <span> <b>舒立</b>
                                        <em>CTO</em> </span>
                                </div>
                            </div>
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a19 leadimg"></i>
                                    <span> <b>张美爱</b>
                                        <em>副总编</em> </span>
                                </div>
                            </div>
                        </div>
                        <div class="leads-list">
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a20 leadimg"></i>
                                    <span> <b>叶扬</b>
                                        <em>策划运营总监</em> </span>
                                </div>
                            </div>
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a21 leadimg"></i>
                                    <span> <b>黄镇</b>
                                        <em>高级架构师</em> </span>
                                </div>
                            </div>
                        </div>
                        <div class="leads-list">
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a22 leadimg"></i>
                                    <span> <b>刘涛</b>
                                        <em>升学研究院副院长</em> </span>
                                </div>
                            </div>
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a23 leadimg"></i>
                                    <span> <b>余明轩</b>
                                        <em>研发经理</em> </span>
                                </div>
                            </div>
                        </div>
                        <div class="leads-list">
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a24 leadimg"></i>
                                    <span> <b>马作飞</b>
                                        <em>设计总监</em> </span>
                                </div>
                            </div>
                            <div class="leads" style="background: #fff;">

                            </div>
                        </div>
                        <div class="subtitle"><span>内勤管理团队</span><i></i><b></b></div>
                        <div class="leads-list">
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a25 leadimg"></i>
                                    <span> <b>唐思敏</b>
                                        <em>财务部部长</em> </span>
                                </div>
                            </div>
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a26 leadimg"></i>
                                    <span> <b>王巧巧</b>
                                        <em>行政人事部部长</em> </span>
                                </div>
                            </div>
                        </div>
                        <div class="leads-list">
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a27 leadimg"></i>
                                    <span> <b>剧彦艳</b>
                                        <em>行政人事部副部长</em> </span>
                                </div>
                            </div>
                            <div class="leads">
                                <div class="lead-box">
                                    <i class="bg-a28 leadimg"></i>
                                    <span> <b>孙光雄</b>
                                        <em>印刷业务总监</em> </span>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="map-content">
                    <div class="checkall">
                        <span>业务覆盖</span>
                    </div>
                     <img class="mapImg" src="/static/images/map.png" alt="" />
                    <span class="mapdesc">升学在线覆盖范围</span>
                </div>
                <div class="contri-content" @click="showApps=false;showWxs=false">
                    <div class="checkall">
                        <span>社会贡献</span>
                    </div>
                    <div class="charity-box">
                        <i class="bg-b1"></i>
                        <div class="inner">
                            <span>“升学教育”体系</span>
                            <b>构建了“升学教育”体系助力高中学校新高考落地，让学生上更好大学.</b>
                        </div>
                    </div>
                    <div class="charity-box">
                        <i class="bg-b2"></i>
                        <div class="inner">
                            <span>高校招生终端</span>
                            <b>搭建了全国高中高校对接通道，开创了高校招生终端宣传体系.</b>
                        </div>
                    </div>
                    <div class="charity-box">
                        <i class="bg-b3"></i>
                        <div class="inner">
                            <span>志愿填报手册</span>
                            <b>赠送《志愿填报手册》2000万本帮助了数千万考生上更好大学.</b>
                        </div>
                    </div>
                    <div class="charity-box">
                        <i class="bg-b4"></i>
                        <div class="inner">
                            <span>升学辅导课</span>
                            <b>赠送了《升学辅导课》教材 2000万本，价值1.5亿元.</b>
                        </div>
                    </div>
                    <div class="charity-box" style="border-bottom: none;">
                        <i class="bg-b5"></i>
                        <div class="inner">
                            <span>公益讲座</span>
                            <b>开创了升学公益讲座志愿填报咨询会20000场次.参会学生超过1000万人次.</b>
                        </div>
                    </div>
                </div>
            </div>

            <div class="footer" id="footer">
                <div class="footbox" @click="showApps=false;showWxs=false" >
                    <span @click="zhankai" class="shows" id="idSlideView1"><b>关注我们</b>
                    <img v-show="!flags" src="/static/images/down.png" alt="">
                     <img v-show="flags" src="/static/images/up.png" alt="">
                    </span>
                    <span :class="['hides', flags ? '' : 'hide']"><i id="wx" @click.stop="showx">微信</i><i id="apps"  @click.stop="showApp">升学APP</i></span>
                </div>
            
             
                <div class="totop" @click="gotop"><a href="javascript:;" id="btn" title="回到顶部">返回顶部</a></div>
                <img v-show="showApps==true" class="myImg" id="myImg" src="/static/images/app.png">
                <img v-show="showWxs==true" class="myImg"  src="/static/images/wx.png">

            </div>
        </div>
  </div>
</template>
<script>
import config from '../../../package.json'
export default {
  data () {
    return {
      wechat_version: '',
      flags: true,
      showApps: false,
      showWxs: false
    }
  },
  watch: {},
  mounted () {
    this.wechat_version = config.version
  },
  methods: {
    gotop () {
      this.showWxs = false
      this.showApps = false
      if (wx.pageScrollTo) {
        wx.pageScrollTo({
          scrollTop: 0
        })
      } else {
        wx.showModal({
          title: '提示',
          content: '当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。'
        })
      }
    },
    showx () {
      console.log(122222)
      this.showWxs = true
      this.showApps = false
    },
    showApp () {
      console.log(13333)
      this.showApps = true
      this.showWxs = false
    },
    zhankai () {
      console.log(1111111)
      this.flags = !this.flags
    }
  }
}
</script>

<style scoped lang="less">
 .company-content {
                width: 100%;
                height: auto;
                padding: 0 25rpx;
                box-sizing: border-box;
            }

            .checkall {
                height: 100rpx;
                line-height: 100rpx;
                display: flex;
            }

            .checkall span {
                flex: 1;
                font-size: 30rpx;
                font-family: PingFang SC;
                font-weight: bold;
                color: rgba(0, 0, 0, 1);
            }

            .checkall b {
                font-size: 24rpx;
                font-family: PingFang SC;
                font-weight: 500;
                color: rgba(239, 130, 0, 1);

            }
             .checkall a{
                  font-size: 24rpx;
                 font-family: PingFang SC;
                 font-weight: 500;
                 color: rgba(239, 130, 0, 1);
                 text-decoration: none;
             }   
            .news_sub_list {
                display: block;
                width: 100%;
                height: auto;
                padding: 0;
                margin: 0;
            }

            .news_sub_list span {
                display: block;
                width: 100%;
                /* height: 1rpx; */
                overflow: hidden;
                font-size: 30rpx;
                padding: 0;
                margin: 0;
                margin-bottom: 30rpx;
                /* font-style: none; */
            }

            .news_sub_list span a {

                text-decoration: none;
                font-style: none;
                font-size: 24rpx;
                font-family: PingFang SC;
                font-weight: 500;
                color: rgba(85, 90, 93, 1);

                line-height: 40rpx;
                width: 100%;
                display: inline-block;
                overflow: hidden;
                text-overflow:ellipsis;
                white-space: nowrap;
            }

            .dongtai {
                padding-bottom: 30rpx;
                border-bottom: 1rpx solid rgba(220, 220, 220, 1);
            }

            .fazhan {
                padding-top: 20rpx;
            }

            .yearbox {
                width: 100%;
                /* height: 800px; */
                /* background: yellow; */
                display: flex;
                align-items: stretch;
            }

            .yearbox .left {
                width: 100rpx;
                /* height: 500px; */
                /* background: red; */
                position: relative;
            }

            .yearbox .left span {
                display: block;
                height: 100%;
                font-size: 30rpx;
                /* line-height:36px; */
            }



            .yearbox .left span b {
                font-size: 30rpx;
                font-family: PingFang SC;
                font-weight: 800;
                color: rgba(239, 130, 0, 1);
                position: relative;
                z-index: 2;
                display: inline-block;
                background: #fff;
                padding: 10rpx 0;
            }

            .yearbox .right {
                flex: 1;
                /* height: 500px; */
                /* background: pink; */
            }

            .yearbox .right span {
                display: block;
                padding-bottom: 30rpx;
                border-bottom: 1px solid rgba(220, 220, 220, 1);
            }

            .lastbox .right span {
                padding-bottom: 0rpx;
                border-bottom: none;
            }

            .yearbox .right span b {
                display: block;
                font-size: 24rpx;
                font-family: PingFang SC;
                font-weight: 500;
                color: rgba(66, 66, 66, 1);
                line-height: 30rpx;
                margin-top: 20rpx;

            }

            .year-content-box {
                width: 100%;
                height: auto;
                position: relative;
                margin-bottom: 40rpx;
                /* background: #000; */
            }

            .year-content-box .xian {
                position: absolute;
                width: 1px;
                height: 100%;
                background: rgba(220, 220, 220, 1);
                left: 30px;
                top: 0;
                z-index: 1;
            }

            .team-content {
                border-top: 1px solid rgba(220, 220, 220, 1);
            }

            .team-content .leaderimg {
                display: block;
                width: 100%;
                height: 210rpx;
            }

            .leadimg {
                display: block;
            }

            .bg-a1 {
                width: 96rpx;
                height: 96rpx;
                background: url('https://static.shengxue985.com/sxzx_miniprogram/teacher/791576138820_.pic_hd.jpg') -10rpx -10rpx;
                background-size: 698rpx 580rpx;
            }

            .bg-a2 {
                width: 96rpx;
                height: 96rpx;
                background: url('https://static.shengxue985.com/sxzx_miniprogram/teacher/791576138820_.pic_hd.jpg') -126rpx -10rpx;
                background-size: 698rpx 580rpx;
            }

            .bg-a3 {
                width: 96rpx;
                height: 96rpx;
                background: url('https://static.shengxue985.com/sxzx_miniprogram/teacher/791576138820_.pic_hd.jpg') -10rpx -126rpx;
                background-size: 698rpx 580rpx;
            }

            .bg-a4 {
                width: 96rpx;
                height: 96rpx;
                background: url('https://static.shengxue985.com/sxzx_miniprogram/teacher/791576138820_.pic_hd.jpg') -126rpx -126rpx;
                background-size: 698rpx 580rpx;
            }

            .bg-a5 {
                width: 96rpx;
                height: 96rpx;
                background: url('https://static.shengxue985.com/sxzx_miniprogram/teacher/791576138820_.pic_hd.jpg') -242rpx -10rpx;
                background-size: 698rpx 580rpx;
            }

            .bg-a6 {
                width: 96rpx;
                height: 96rpx;
                background: url('https://static.shengxue985.com/sxzx_miniprogram/teacher/791576138820_.pic_hd.jpg') -242rpx -126rpx;
                background-size: 698rpx 580rpx;
            }

            .bg-a7 {
                width: 96rpx;
                height: 96rpx;
                background: url('https://static.shengxue985.com/sxzx_miniprogram/teacher/791576138820_.pic_hd.jpg') -10rpx -242rpx;
                background-size: 698rpx 580rpx;
            }

            .bg-a8 {
                width: 96rpx;
                height: 96rpx;
                background: url('https://static.shengxue985.com/sxzx_miniprogram/teacher/791576138820_.pic_hd.jpg') -126rpx -242rpx;
                background-size: 698rpx 580rpx;
            }

            .bg-a9 {
                width: 96rpx;
                height: 96rpx;
                background: url('https://static.shengxue985.com/sxzx_miniprogram/teacher/791576138820_.pic_hd.jpg') -242rpx -242rpx;
                background-size: 698rpx 580rpx;
            }

            .bg-a10 {
                width: 96rpx;
                height: 96rpx;
                background: url('https://static.shengxue985.com/sxzx_miniprogram/teacher/791576138820_.pic_hd.jpg') -358rpx -10rpx;
                background-size: 698rpx 580rpx;
            }

            .bg-a11 {
                width: 96rpx;
                height: 96rpx;
                background: url('https://static.shengxue985.com/sxzx_miniprogram/teacher/791576138820_.pic_hd.jpg') -358rpx -126rpx;
                background-size: 698rpx 580rpx;
            }

            .bg-a12 {
                width: 96rpx;
                height: 96rpx;
                background: url('https://static.shengxue985.com/sxzx_miniprogram/teacher/791576138820_.pic_hd.jpg') -358rpx -242rpx;
                background-size: 698rpx 580rpx;
            }

            .bg-a13 {
                width: 96rpx;
                height: 96rpx;
                background: url('https://static.shengxue985.com/sxzx_miniprogram/teacher/791576138820_.pic_hd.jpg') -10rpx -358rpx;
                background-size: 698rpx 580rpx;
            }

            .bg-a14 {
                width: 96rpx;
                height: 96rpx;
                background: url('https://static.shengxue985.com/sxzx_miniprogram/teacher/791576138820_.pic_hd.jpg') -126rpx -358rpx;
                background-size: 698rpx 580rpx;
            }

            .bg-a15 {
                width: 96rpx;
                height: 96rpx;
                background: url('https://static.shengxue985.com/sxzx_miniprogram/teacher/791576138820_.pic_hd.jpg') -242rpx -358rpx;
                background-size: 698rpx 580rpx;
            }

            .bg-a16 {
                width: 96rpx;
                height: 96rpx;
                background: url('https://static.shengxue985.com/sxzx_miniprogram/teacher/791576138820_.pic_hd.jpg') -358rpx -358rpx;
                background-size: 698rpx 580rpx;
            }

            .bg-a17 {
                width: 96rpx;
                height: 96rpx;
                background: url('https://static.shengxue985.com/sxzx_miniprogram/teacher/791576138820_.pic_hd.jpg') -474rpx -10rpx;
                background-size: 698rpx 580rpx;
            }

            .bg-a18 {
                width: 96rpx;
                height: 96rpx;
                background: url('https://static.shengxue985.com/sxzx_miniprogram/teacher/791576138820_.pic_hd.jpg') -474rpx -126rpx;
                background-size: 698rpx 580rpx;
            }

            .bg-a19 {
                width: 96rpx;
                height: 96rpx;
                background: url('https://static.shengxue985.com/sxzx_miniprogram/teacher/791576138820_.pic_hd.jpg') -474rpx -242rpx;
                background-size: 698rpx 580rpx;
            }

            .bg-a20 {
                width: 96rpx;
                height: 96rpx;
                background: url('https://static.shengxue985.com/sxzx_miniprogram/teacher/791576138820_.pic_hd.jpg') -474rpx -358rpx;
                background-size: 698rpx 580rpx;
            }

            .bg-a21 {
                width: 96rpx;
                height: 96rpx;
                background: url('https://static.shengxue985.com/sxzx_miniprogram/teacher/791576138820_.pic_hd.jpg') -10rpx -474rpx;
                background-size: 698rpx 580rpx;
            }

            .bg-a22 {
                width: 96rpx;
                height: 96rpx;
                background: url('https://static.shengxue985.com/sxzx_miniprogram/teacher/791576138820_.pic_hd.jpg') -126rpx -474rpx;
                background-size: 698rpx 580rpx;
            }

            .bg-a23 {
                width: 96rpx;
                height: 96rpx;
                background: url('https://static.shengxue985.com/sxzx_miniprogram/teacher/791576138820_.pic_hd.jpg') -242rpx -474rpx;
                background-size: 698rpx 580rpx;
            }

            .bg-a24 {
                width: 96rpx;
                height: 96rpx;
                background: url('https://static.shengxue985.com/sxzx_miniprogram/teacher/791576138820_.pic_hd.jpg') -358rpx -474rpx;
                background-size: 698rpx 580rpx;
            }

            .bg-a25 {
                width: 96rpx;
                height: 96rpx;
                background: url('https://static.shengxue985.com/sxzx_miniprogram/teacher/791576138820_.pic_hd.jpg') -474rpx -474rpx;
                background-size: 698rpx 580rpx;
            }

            .bg-a26 {
                width: 96rpx;
                height: 96rpx;
                background: url('https://static.shengxue985.com/sxzx_miniprogram/teacher/791576138820_.pic_hd.jpg') -590rpx -10rpx;
                background-size: 698rpx 580rpx;
            }

            .bg-a28 {
                width: 96rpx;
                height: 96rpx;
                background: url('https://static.shengxue985.com/sxzx_miniprogram/teacher/791576138820_.pic_hd.jpg') -590rpx -126rpx;
                background-size: 698rpx 580rpx;
            }

            .bg-a27 {
                width: 96rpx;
                height: 96rpx;
                background: url('https://static.shengxue985.com/sxzx_miniprogram/teacher/791576138820_.pic_hd.jpg') -590rpx -242rpx;
                background-size: 698rpx 580rpx;
            }

            .company_title .subtitle {
                display: block;
                font-size: 24rpx;
                font-family: PingFang SC;
                font-weight: bold;
                color: rgba(66, 66, 66, 1);
                line-height: 80rpx;
            }

            .lead-first-wrapper {
                width: 100%;
                height: 96rpx;

                background: rgba(243, 244, 246, 1);
            }

            .lead-box {
                display: flex;

            }

            .lead-box span {
                flex: 1;
                font-size: 30rpx;
                padding-left: 25rpx;
                box-sizing: border-box;

            }

            .lead-box span b,
            .lead-box span em {
                display: block;
                height: 50rpx;
                line-height: 50rpx;
            }

            .lead-box span b {

                font-size: 24rpx;
                font-family: PingFang SC;
                font-weight: bold;
                color: rgba(38, 38, 38, 1);
                /* line-height:23px; */
            }

            .lead-box span em {

                font-size: 20rpx;
                font-family: PingFang SC;
                font-weight: 500;
                color: rgba(89, 89, 89, 1);
                font-style: normal;
                /* line-height:23px; */
            }

            .leads-list {
                display: flex;
                margin-bottom: 30rpx;
            }

            .leads {
                flex: 1;
                background: rgba(243, 244, 246, 1);
            }

            .leads:nth-of-type(1) {
                margin-right: 5rpx;
            }

            .mapImg {
                display: block;
                width: 600rpx;
                height: 541rpx;
                margin: 20rpx auto 40rpx;
            }

            .mapdesc {
                display: block;
                text-align: center;
                font-size: 24rpx;
                font-family: PingFang SC;
                font-weight: 800;
                color: rgba(66, 66, 66, 1);
                margin-bottom: 30rpx;
            }

            .bg-b1 {
                width: 96rpx;
                height: 96rpx;
                background: url('https://static.shengxue985.com/sxzx_miniprogram/teacher/781576138814_.pic_hd.jpg') -10rpx -10rpx;
                background-size: 348rpx 232rpx;
            }

            .bg-b2 {
                width: 96rpx;
                height: 96rpx;
                background: url('https://static.shengxue985.com/sxzx_miniprogram/teacher/781576138814_.pic_hd.jpg') -126rpx -10rpx;
                background-size: 348rpx 232rpx;
            }

            .bg-b3 {
                width: 96rpx;
                height: 96rpx;
                background: url('https://static.shengxue985.com/sxzx_miniprogram/teacher/781576138814_.pic_hd.jpg') -10rpx -126rpx;
                background-size: 348rpx 232rpx;
            }

            .bg-b4 {
                width: 96rpx;
                height: 96rpx;
                background: url('https://static.shengxue985.com/sxzx_miniprogram/teacher/781576138814_.pic_hd.jpg') -126rpx -126rpx;
                background-size: 348rpx 232rpx;
            }

            .bg-b5 {
                width: 96rpx;
                height: 96rpx;
                background: url('https://static.shengxue985.com/sxzx_miniprogram/teacher/781576138814_.pic_hd.jpg') -242rpx -10rpx;
                background-size: 348rpx 232rpx;
            }

            .charity-box {
                display: flex;
                padding: 30rpx 0;
                border-bottom: 1rpx solid rgba(238, 238, 238, 1);
                margin-bottom: 80rpx;
            }

            .charity-box .inner {
                flex: 1;
                padding-left: 30rpx;
                box-sizing: border-box;
            }

            .charity-box .inner span,
            .charity-box .inner b {
                display: block;
            }

            .charity-box .inner span {
                font-size: 24rpx;
                font-family: PingFang SC;
                font-weight: bold;
                color: rgba(28, 30, 34, 1);
            }

            .charity-box .inner b {
                /* height:43px; */
                font-size: 20rpx;
                font-family: PingFang SC;
                font-weight: 500;
                color: rgba(85, 90, 93, 1);
            }
            .map-content{
                border-top: 1rpx solid rgba(238, 238, 238, 1);
                margin-top: 80rpx;
                padding-top: 30rpx;
            }
            .contri-content{
                margin-top: 0.6rpx;
                border-top: 1rpx solid rgba(238, 238, 238, 1);
                 padding-top: 30rpx;
            }
// .aboutWrap {
//   width: 750rpx;
//   min-height: 100vh;
//   height: auto;
//   background: #fff;
//   position: relative;
//   .aboutBox {
//     overflow: hidden;
//     .logo {
//       display: block;
//       width: 2rpx;
//       height: 200rpx;
//       margin: 200rpx auto 0;
//     }
//     .desc{
//       display: block;
//       font-size: 28rpx;
//       text-align: center;
//       margin-top: 20rpx;
//       color: gray;
//       letter-spacing: 2rpx;
//     }
//   }
//   .bansp {
//     display: block;
//     width: 100%;
//     bottom: 100rpx;
//     text-align: center;
//     font-size: 28rpx;
//     color: #888;
//     letter-spacing: 2rpx;
//     position: absolute;
//     left: 0;
//   }
// }
.footer {
    width: 100%;
    height: auto;
    position: relative;
}

.footbox {
    width: 100%;
    height: auto;

}

.shows {
    padding: 0 30rpx;
    box-sizing: border-box;
    display: flex;
    height: 100rpx;
    line-height: 100rpx;
    border-top: 1px solid rgba(229, 229, 229, 1);
    background: #fff;
}

.hides {
    padding: 10rpx 30rpx;
    box-sizing: border-box;
    height: auto;
    border-top: 1px solid rgba(229, 229, 229, 1);
    display: block;
}

.hides li {
    height: 50rpx;
    display: block;
}

.hides i,
.hides a {
    display: block;
    font-size: 24rpx;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(63, 63, 63, 1);
    line-height: 50rpx;
    font-style: normal;
}

.shows b {
    flex: 1;
    font-size: 30rpx;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(34, 34, 34, 1)
}

.shows img {
    width: 19rpx;
    height: 11rpx;
    margin-top: 44rpx;
}

.copyright {
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(229, 229, 229, 1);
    padding: 30rpx 30rpx;
    box-sizing: border-box;
}

.copyright span {
    display: block;
    font-size: 20rpx;
    font-family: PingFang SC;
    font-weight: 500;
    color: rgba(96, 96, 96, 1);
    line-height: 50rpx;
}

.totop {
    width: 100%;
    height: 100rpx;
    background: rgba(228, 228, 228, 1);
    line-height: 100rpx;
    text-align: center;

}

.totop a {
    text-decoration: none;
    font-size: 30rpx;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: rgba(114, 114, 114, 1);
}

.hide {
    display: none;
}

.myImg {
    position: absolute;
    width: 300rpx;
    height: auto;
    left: 180rpx;
    top: -300rpx;
    // display: block;
    height: 340rpx;
    box-shadow: 0px 2px 10px 0px rgba(153, 153, 153, 0.2);

}

.zhaos {
    position: relative;
}

.myImgTel {
    position: absolute;
    width: 400rpx;
    height: auto;
    left: 180rpx;
    top: 300rpx;
    box-shadow: 0px 2px 10px 0px rgba(153, 153, 153, 0.2);
    display: none;
}
.companynews{
  padding: 30rpx 0;
}
.company-p{
  font-size:24rpx;
font-family:PingFang SC;
font-weight:500;
color:rgba(34,34,34,1);
line-height:45rpx;
text-indent: 2em;
}
.p2,.p3{
  margin-top: 50rpx;
}
</style>
